<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星途影视</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!--HEADER-->
    <div id="header">
        <p class="header-content">星途影视</p>
    </div>
    <!--会员个人信息-->
    <div id="userbox">
        <!--头像-->
        <div class="user-box-img" style="line-height: 1.2rem;width: 100%;text-align: center;border-radius: 0;">
            啦啦啦啦啦啦
        </div>
        <!--电话-->
        <p class="user-tele">你好，<span id="user-name">13821970905</span></p>
        <!--会员等级与积分-->
        <ul class="vip-integral-rank">
            <li class="vip-rank">您的会员等级为：<span id="vip-rank-num">5</span></li>
            <li class="vip-integral">成长值：<span id="vip-integral-num">501</span></li>
        </ul>
    </div>
    <!--会员资产-->
    <div id="user-capital">
        <!--总资产-->
        <ul class="user-capital-num">
            <li>总资产</li>
            <li class="user-capital-money">¥ <span>0.00</span></li>
        </ul>
        <!--资产详情-->
        <div class="user-capital-details">
            <!--收益-->
            <div class="user-capital-profit">
                <ul>
                    <li>¥ <span id="user-capital-profit-num">15.80</span></li>
                    <li>累计收益（元）</li>
                    <li class="user-capital-btn">
                        <a href="">收件箱</a>
                    </li>
                </ul>
            </div>
            <!--可用金额-->
            <div class="user-capital-sum">
                <ul>
                    <li>¥ <span id="user-capital-sum-num">0.00</span></li>
                    <li>可用金额（元）</li>
                    <li class="user-capital-btn">
                        <a href="">系统消息（<span id="notice-num">1</span>）</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--icon nav-->
    <ul id="vip-icon-nav">
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>账户详情</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>我的投资</p>
            </a>
        </li>
        <li>
            <a href="fbhx-record.html">
                <div class="item-icon"></div>
                <p>付本还息记录</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>资金流水记录</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>银行卡</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>充值</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>我要提现</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>我的推广</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="item-icon"></div>
                <p>我的设置</p>
            </a>
        </li>
    </ul>

    <!--退出登录按钮-->
    <div id="logout-btn">
        <input type="button" value="退出登录">
    </div>
    <!--FOOTER-->
    <div id="footer-bar">
        <div class="fbar-item">
            <a href="index.html">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">首页</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="invest.html">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">我要投资</div>
            </a>
        </div>
        <div class="fbar-item active">
            <a href="vip.html">
                <div class="fbar-item-icon" style="background: url('img/icon-vip-active.png') no-repeat center center;background-size:0.6rem 0.6rem;"></div>
                <div class="fbar-item-text">会员中心</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="aboutus.html">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">关于我们</div>
            </a>
        </div>
        <div class="fbar-item">
            <a href="">
                <div class="fbar-item-icon"></div>
                <div class="fbar-item-text">在线客服</div>
            </a>
        </div>
    </div>
<script src="js/fontSize.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>